<include file="Public/header" />
<title>管理员列表</title>
<script src="__PUBLIC__/highcharts/highcharts.js"></script>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 统计视图 <span class="c-gray en">&gt;</span> 采购单 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">

	<div class="cl pd-5 mt-20">
		<form class="formleft"  action="__URL__/list_list/" method="post">
			日期范围:
			<input type="input-text" name="start_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" id="start_time" class="input-text Wdate" style="width:160px;" value="<{:date('Y-m-d',time())}>"  placeholder="开始时间"> -
			<input type="input-text" name="end_time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" id="end_time" class="input-text Wdate" style="width:160px;"  value="<{:date('Y-m-d',time()+86400)}>"    placeholder="结束时间">
			<button type="submit" class="btn btn-success"><i class="icon-plus"></i> 查询</button>
		</form>
    </div>

</div>
<div id="container" style="width: 98%; height: 400px; margin: 0 auto;float:left;"></div>
<div style="float:left;width:98%;margin:10px 0;margin-left:15px;">
	<table class="table table-border table-bordered table-bg" style="width:100%;float:left;">
		<thead>
			<tr>
				<th scope="col" colspan="3">时间列表
				</th>
			</tr>
			<tr class="text-c">
				<th style="width:50px;">序号</th>
				<th style="width:250px;">时间</th>
				<th style="width:250px;">采购单数量</th>
			</tr>
		</thead>
		<tbody>
			<volist name="list_t" id="vo">
			<tr class="text-c">
				<td><{$i}></td>
				<td><{$vo.t_time}></td>
				<td><{$vo.t_count}></td>
			</tr>
			</volist>
			<tr class="text-c">
				<td>合计</td>
				<td></td>
				<td><{$count_all}></td>
			</tr>	
		</tbody>
	</table>

</div>


<script language="JavaScript">
$(document).ready(function() {
   var chart = {
      type: 'area'
   };
   var title = {
      text: ''   
   };

   var xAxis = {
      categories: [<{$categories}>],
      tickmarkPlacement: 'on',
      title: {
         enabled: false
      }
   };
   var yAxis = {
      title: {
         text: '数量'
      },
      labels: {
         formatter: function () {
            return this.value / 1000 + 'k';
         }
      }
   };

   var plotOptions = {
      area: {
         marker: {
            enabled: false,
            symbol: 'circle',
            radius: 2,
            states: {
               hover: {
                 enabled: true
               }
            }
         }
      }
   };
   var series= [{
         name: '采购单',
         data: [<{$datas}>],
		 }
   ];     
      
   var json = {};   
   json.chart = chart; 
   json.title = title;   


   json.xAxis = xAxis;
   json.yAxis = yAxis;  
   json.series = series;
   json.plotOptions = plotOptions;
   $('#container').highcharts(json);
  
});
</script>
<include file="Public/footer" />
<include file="Public/footer_js" />
</body>
</html>